<!doctype html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
	<link href="../../../css/mui.min.css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
	<link rel="stylesheet" type="text/css" href="../../../css/style.css" />
</head>

<body>
	<div id="questions_box">
		<header class="mui-bar mui-bar-nav">
			<a class=" mui-icon mui-icon-left-nav mui-pull-left" @tap="back_but"></a>
			<!--<span class="exer_icons"  v-show="questionBoxStatus == 1">
				<em id="dtkImg" @tap="open_dtk" v-if="dtk_but_status == 1"><img src="../../../images/icon_dtk.png" alt="" /></em>
				<em id="collectImg" @tap="add_collection">
					<img class="icon_sc_normal" v-if="collection_status == 0" src="../../../images/icon_sc_black.png" />
					<img class="icon_sc_normal" v-if="collection_status == 1" src="../../../images/icon_sc_orange2.png" />
				</em>
				<em id="stjcImg" @tap="open_jc"><img src="../../../images/icon_stjc.png" /></em>
			</span>-->
			<span class="exer_icons"  v-show="questionBoxStatus == 1">
				<a @tap="open_jc" class="mui-icon mui-icon-feedback mui-pull-right"></a>
				<a @tap="add_collection" v-show="collection_status == 0" class="mui-icon mui-icon-collect mui-pull-right"></a>
				<a @tap="add_collection" v-show="collection_status == 1" class="mui-icon mui-icon-collected mui-pull-right orange"></a>
				<a @tap="open_dtk" v-if="dtk_but_status == 1" class="mui-icon mui-icon-answerSheet mui-pull-right"></a>
			</span>
		</header>

		<div class="errorBoxTips"  v-show="questionErrorBoxStatus == 1">
			<img src="../../../images/error_img.png">
			<p>{{errorTipsContent}}</p>
			<button type="button" class="mui-btn mui-btn-outlined" @tap="clickRefresh">刷新</button>
		</div>

		<div class="mui-content getHeight" v-show="questionBoxStatus == 1">
			<div class="exercise_tt">
				<span v-if="category == 30">简答题</span>
				<span v-if="category == 50">材料题</span>
				<span class="exer_num"><em class="red">{{q_index + 1}}</em>/{{other.count_num}}</span>
			</div>
			<!--简答题显示-->
			<div class="exercise_nr" v-for="(val,index) in question_list" v-if="category == 30 && question_id == val.id">
				<h3 class="question">{{val.title}}</h3>
				<form class="p015" v-if="an == 0">
					<textarea class="short_wby" v-model="myan" placeholder="请输入您的答案"></textarea>
					<p class="shortTips">小提示：按住键盘上的语音输入按钮可快速输入</p>
					<div class="fix_error_btn">
						<a id="button" @tap="tijiao_zuoda('j')" class="error_submit_btn">查看答案</a>
					</div>
				</form>

				<div class="myAnswer_tt" v-if="an== 1">
					<h4>我的答案</h4>
					<!--<a class="answer_modify"><em><img src="../../../images/icon_xg_red.png"/></em>修改</a>-->
				</div>
				<div class="myAnswer_nr" v-if="an== 1">
					{{myAnswer}}
				</div>
				<div class="fengeLine m0" v-if="an== 1"></div>
				<div class="resolve_answer" v-if="an== 1">
					<h4>解析</h4>
					<div class="myAnswer_nr">{{val.parsing ? val.parsing : '--该题目暂时还没有解析喔--'}}</div>
				</div>
				<div class="fengeLine m0" v-if="an== 1"></div>
				<div class="resolve_answer" v-if="an== 1">
					<h4>参考答案</h4>
					<div class="myAnswer_nr" v-html="val.answer ? val.answer : '--该题目暂时没有参考答案--'"></div>
				</div>
			</div>

			<!--材料题显示-->
			<div class="exercise_nr" v-for="(val,index) in question_list" v-if="category == 50 && question_id == val.id">
				<div class="mui-slider clt_tab">
					<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
						<a class="mui-control-item" :class="(cailiaoTab == cl.cailiao_index && cailiaoCate == 'cailiao') ? 'mui-active' : ''"
						 :cINdex='cl.cailiao_index' tabCat="cailiao" @tap="select_cailiaoTab($event)" v-for="(cl,cindex) in val.cl_li">{{cl.section_name}}<em></em></a>
						<a class="mui-control-item" :class="(cailiaoTab == ql.question_index && cailiaoCate == 'wenti') ? 'mui-active' : ''"
						 :qINdex="ql.question_index" tabCat="wenti" @tap="select_cailiaoTab($event)" :qid="ql.id" v-for="(ql,qindex) in val.question_li">问题{{qindex+1}}<em></em></a>
					</div>
				</div>
				<div class="mui-slider-group">
					<div class="mui-slider-item mui-control-content" :class="(cailiaoTab == cl.cailiao_index && cailiaoCate == 'cailiao') ? 'mui-active' : ''"
					 v-for="(cl,cindex) in val.cl_li">
						<div class="material p015" v-html="cl.section_content"></div>
					</div>
					<div class="mui-slider-item mui-control-content" :class="(cailiaoTab == ql.question_index && cailiaoCate == 'wenti') ? 'mui-active' : ''"
					 v-for="(ql,qindex) in val.question_li">
						<div class="material p0">
							<div class="question p015" v-html="ql.question"></div>
							<form class="p015" v-if="an == 0">
								<textarea class="short_wby" v-model="myan" placeholder="请输入您的答案"></textarea>
								<p class="shortTips">小提示：按住键盘上的语音输入按钮可快速输入</p>
								<a id="button_m1" @tap="tijiao_zuoda('c')" type="button" class="error_submit_btn">查看答案</a>
							</form>
							<div class="fengeLine m0" v-if="an== 1"></div>
							<div class="myAnswer" v-if="an == 1">
								<div class="myAnswer_tt">
									<h4>我的答案</h4>
									<!--<a class="answer_modify"><em><img src="../../../images/icon_xg_red.png"/></em>修改</a>-->
								</div>
								<div class="myAnswer_nr">{{myAnswer}}</div>
								<div class="fengeLine m0" v-if="an== 1"></div>
								<div class="resolve_answer">
									<div>
										<h4>参考答案：</h4>
										<div class="p015" v-html="ql.answer"></div>
									</div>
									<div class="fengeLine m0" v-if="an== 1"></div>
									<div class="myAnswer_nr">
										<p><b>解析：</b></p>
										<p v-html="ql.parsing"></p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>


		</div>
		<!--答题卡弹窗-->
		<div class="popMask" @tap="yc_dtk"></div>
		<div class="popCard">
			<div class="popCont">
				<div class="pop_exer_tt">
					<div class="exer_ltt">
						答题卡
					</div>
					<div class="exer_rtt">
						<span><em class="dot_red"></em>已答</span>
						<span><em class="dot_grey"></em>未答</span>
					</div>
				</div>
				<div class="pop_exer_nr">
					<ul>
						<li v-for="(val,index) in userAnswer" @tap="tiaozhuan_que(index)" :class="val == 1 ? 'active' : ''">
							<a>{{index+1}}</a>
						</li>
					</ul>
				</div>
				<div class="fix_exer_result" @tap="tijiaojieguo">
					<a>提交并查看结果</a>
				</div>
			</div>
		</div>
	</div>

	<script src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/h.min.js"></script>
	<script src="../../../js/jquery.min.js"></script>
	<script type="text/javascript" src="../../../js/tpl/shortAnswer.js"></script>
	<script src="../../../js/vue.js"></script>
	<script src="../../../js/public.js"></script>
</body>

</html>